<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 容器 -->
    <div id="root">
        <h1>Hello,Vue</h1>
    </div>
    <script>
        Vue.config.productionTip = false; //阻止vue在启动时生成生产提示
        //通过构造函数创建Vue实例
        var x = new Vue({ //只传递一个参数是配置对象
            //el:element
            //通过id选择器找到容器里的元素
            // 简单写法。如果是类选择器就使用class .就完事啦。一般来说用id，因为写起来简单。
            el: '#root' //el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串
            // 复杂写法
            //el:document.getElementById('root')//亲自找到这个root元素配置到el里面
        })
        axios({
            //键值对 key可以随便改，value可以随便改，但是value还是有数据类型限制的
            url: 'https://www.baidu.com' //给百度发请求
        }) //发一个请求，也传递一个配置对象
    </script>
</body>

</html>